@charset "utf-8";
/* CSS Document */

html{}
body{ font-family:'微软雅黑'; background:#2b2b2b; margin:0; }
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
	top: 0;	
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
	margin-top: 0;
    list-style: none;
}
.nav-collapse ul li {
    float: left;
}
.nav-collapse .close{ display:none;}
.nav>li>a {    
    display: block;
    padding: 20px 15px 10px 15px;
	text-decoration:none;
	font-size:14px;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.btn-navbar{ display:none;float: right;}
.nav-collapse{ float:right;}
.navbar-inner .bg{ display:none;}
.nav-collapse ul li{ float:left; }
.nav-collapse ul li a{ color:#fff;}
.se-pre-con {
	position: fixed;	
	top: 0px;
	right:0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background:url(/ezfiles/63/1063/img/1069/logo_animate.gif) center no-repeat #2b2b2b;
}
.se-pre-con video{
	position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);	
}
.brand{ display:inline-block; margin-top:20px; margin-bottom:20px;}
.brand span{display: flex; align-items: center;}
.brand img {
	-webkit-transition: width 2s; /* Safari */
    transition: width 2s;
	width:6.979vw;
	opacity:1;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}
body.active .brand img:first-child{ width:70px;}
body.active .brand img:last-child{opacity:0;}
body.active .navbar-fixed-top{ background:rgba(0,0,0,0.5);}
body.white .navbar-fixed-top .nav>li>a{ color:#000;}
body.active.white .navbar-fixed-top .nav>li>a{ color:#fff;}
body.active .nav>li>a{ padding-top:40px}
.header_slider{ position:relative; background:url(/ezfiles/63/1063/img/1069/home_banner001.jpg) center no-repeat; background-size:cover; height:100vh;overflow: hidden;}

.nav-collapse ul li:hover a{ background:rgba(195,161,126,0.4);padding: 20px 15px 60px 15px;}
.left_slogan{ position:absolute; left:100%; bottom:10px; width: 3.8vw;}
.left_slogan img{ width: 3.8vw;}
.main_info{ position:absolute; right: -100%; top:22%;width: 45.5vw;}
.main_info .computer img{ width: 45.52vw;}
.main_info .mobile img{ display:none;}
.main_info a img{ position:absolute; bottom:0; right:0; width: 10.25vw;}
.slogan_line{ position:absolute;right:-100%; top:47%;width: 65.8vw; text-align:right;}
.slogan_line img{ width: 65.57vw;}
.bottom_slogan{ position:absolute; right:-100%; top:80%;width: 67.8vw;}
.bottom_slogan img{ width: 67.86vw;}

.flash {
	-webkit-animation: flash 5s infinite; /* Safari 4+ */
	-moz-animation:    flash 5s infinite; /* Fx 5+ */
	-o-animation:      flash 5s infinite; /* Opera 12+ */
	animation:         flash 5s infinite; /* IE 10+, Fx 29+ */
}
.brand_div{ position:relative;}
.brand_div .banner img{ width:100%;}
.brand_div .list_div{ position:absolute;}
.brand_div .desc{ position:absolute; right:8%; bottom:0; } 
.brand_div .desc img{ width:11.71vw;}
.brand_div .list_div{ position:absolute; left:15%; top:20%;width: 59.79vw;}
.brand_div .list_div .list{ display:table;width: 100%;}
.brand_div .list_div .list:first-child{     margin-bottom: -6%;}
.brand_div .list_div .list:nth-child(3){ margin-top: 3%;}
.brand_div .list_div .list:last-child{     margin-top: 5%;}
.brand_div .list_div .list div{ 
	display:table-cell;
	vertical-align:bottom;
	/*-webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
	-ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%; 
    transform-origin: 50% 50%;*/
}
.brand_div .list_div .list div.active{
	transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.brand_div .list_div .list div img{ max-width: 23.07vw; border-bottom:1px solid #fff; padding-bottom:10px;margin-right: 3vw;}
.brand_mobile{ display:none;}
.rwd_div{ position:relative;overflow: hidden;}
.rwd_div .transparent img{ width:100%;}
.rwd_div #intro{ width:100%; height:100%; position:absolute; left:0;  top:0;}
.rwd_div .computer{ position:absolute; left:5%;/*right: -50vw;*/ bottom:-3%; opacity:0;}
.rwd_div .computer img{width: 90.784vw;}
.rwd_div .lin01{ position:absolute; left: 11%;top: 31.1%;}
.rwd_div .lin01 img{ width:25.78vw}
.rwd_div .tablet{ position:absolute; left:5%;/*right: -50vw;*/  top:21%; opacity:0;}
.rwd_div .tablet img{width: 68.54vw;}
.rwd_div .lin02{ position:absolute; left: 11%; top: 5.7%;}
.rwd_div .lin02 img{ width:18.43vw;}
.rwd_div .lin03{ position:absolute; left:11.3%; top: 0%;}
.rwd_div .lin03 img{ width:12.916vw;}
.rwd_div .mobile{ position:absolute; left:5%;/*right: -50vw; */ top:0%; opacity:0;}
.rwd_div .mobile img{ width:73.28vw;}
.rwd_div .desc{ position:absolute; right:2%; top:0%;}
.rwd_div .desc img{ width:23.958vw;}
.vi_div{ position:relative; overflow:hidden;}
.vi_div:after{ clear:both; display:block; content:'';}
.vi_div .col01{ float:left; width:50%;}
.vi_div .col01 img{ width:100%;}
.vi_div .line01{ position:absolute; left:38%; top:12.2%;/*top:-50vh;*/}
.vi_div .line01 img{width: 0.782vw;}
.vi_div .line02{ position:absolute; left:67.5%; top:13%;/*top:-50vh;*/}
.vi_div .line02 img{width: 0.365vw;}
.vi_div .line03{ position:absolute; right:1%;/*right: -50vw; */    top: 39.5%;}
.vi_div .line03 img{width: 63.12vw;}
.vi_div .desc{ position:absolute; right:10%;/*right: -50vw;*/  top:35%; opacity:0;}
.vi_div .desc img{ width: 21.09vw;}
.marketing_div{ position:relative; overflow:hidden;}
.marketing_div .banner img{ width:100%;}
.marketing_div .desc{ position:absolute; left:0; /*left:50vw;*/ top:22%;}
.marketing_div .desc img:first-child{width: 40vw;}
.marketing_div .desc img:first-child:hover{
	-webkit-animation: flash 5s infinite; /* Safari 4+ */
	-moz-animation:    flash 5s infinite; /* Fx 5+ */
	-o-animation:      flash 5s infinite; /* Opera 12+ */
	animation:         flash 5s infinite; /* IE 10+, Fx 29+ */
}
.marketing_div .desc img:last-child{ position:absolute; left:23%; top:15%;    width: 19.4vw;}
.popup_div{ display:none; position:absolute; left:0; bottom:0; top:0; width:100vw; height:100v; background: url(/ezfiles/63/1063/img/1069/refresh.jpg) center no-repeat; background-size:600px auto;}
.popup_div .close{ cursor:pointer; position:absolute; right:15px; top:15px; background:url(/ezfiles/63/1063/img/1069/icon_close.png) center no-repeat; background-size:36px auto; width:36px; height:36px;}
.blockUI.blockMsg.blockPage{ z-index:9999 !important;}
.pg-canvas{ width:100% !important; height:100% !important; position:absolute; left:0; top:0;}
.middle_div{font-size: 14px;}
.middle_div ul{ font-size:14px;}
.middle_div.about{ background:url(/ezfiles/63/1063/img/1069/home_banner001.jpg) center no-repeat; position:relative;}
.middle_div.about:before{ position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:rgba(43,43,43,0.7);}
.detail_div{ position:relative; z-index:2; max-width:1000px; margin:0 auto; color:#fff; padding:50px 0; line-height:2em; font-size:1.05em;     min-height: 30vw;}
.middle_div.about .logo img{ opacity:0.6;}
.detail_div h3{ color: #c3a17e;font-size: 24px; border-bottom:1px solid #b4b4b4; position:relative; padding-bottom:10px;}
.detail_div h3:before{ content:''; position:absolute; bottom:0; left:0; width:100px; height:3px; background:#b4b4b4;}
.detail_div h5{ font-size:16px; margin:0;}
.row_div:before{display: table; content: " ";}
.row_div:after{clear:both; display:block; content:'';}
.row_div .col6{ float:left; width:50%;}
.row_div .col2{ float:left; width: 16.6667%;}
.row_div .col10{ float:left; width: 83.3333%;}
.row_div .col3{ float:left; width: 25%;}
.row_div .col9{ float:left; width: 75%;}


.row_div img{ max-width:100%;}
.text-center{ text-align:center;}
.web .desc{ position:relative; margin-top:0;}
.web .desc img{ width:100%;}
.web .desc .info{ background:rgba(0,0,0,0.6); color:#fff; position:absolute; left:5%; top:20%; width:25vw; padding:30px; }
.web .desc .info h3{ border-bottom: 1px solid #fff; display: inline-block; padding-bottom: 10px; margin:0; color:#fff; font-size:20px;  margin-bottom:10px;}
.middle_div.web{ background:#fff; color:#000;}
.middle_div.web .detail_div{color:#000;}
.middle_div.web .detail_div .title{
	margin-top: 0;
	font-weight: bold;
    display:inline-block;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
	color:#000;
	font-size: 24px;
	min-width: 300px;
}
.middle_div.web .detail_div .title:before{ background:none;}
.middle_div.web .detail_div .different ul{max-width:500px; text-align:left; margin:0 auto;}
.middle_div.web .cloud_system{ margin-top:50px;}
.middle_div.web .cloud_system .title.big{ background:url(/ezfiles/63/1063/img/1069/icon_black_notebook.png) center top no-repeat; padding-top:60px; margin-bottom:20px;}
.middle_div.web .cloud_system .sub_title{
	display: inline-block;
    border-left: 5px solid red;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 10px;
	font-size: 24px;
	text-align:left;
	margin-top:15px;
}
.middle_div.web .cloud_system .sub_title h5{ color: red; font-weight: 600; margin: 0px; padding: 0px; font-size:22px; line-height:24px;}
.middle_div.web .cloud_system .sub_title h6{ margin:0; font-size:12px; line-height:14px;}
.middle_div.web .cloud_system .title h4{
	font-size: 22px;
    margin: 0;
    padding: 0;
    color: red;
    font-weight: 600;
}
.middle_div.web .cloud_system  .hosting{ text-align:left;}
.middle_div.web .cloud_system  .system{ text-align:left;}
.middle_div.web .mobile{ margin-top:20px;}
.middle_div.web .mobile .title.big{ background:url(/ezfiles/63/1063/img/1069/icon_black_package.png) center top no-repeat; padding-top:60px; margin-bottom:20px;}
.middle_div.web .mobile .sub_title {
    display: inline-block;
    border-left: 5px solid red;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 10px;
    font-size: 24px;
    text-align: left;
    margin-top: 15px;
}
.middle_div.web .mobile .sub_title h5{ color: red; font-weight: 600; margin: 0px; padding: 0px; font-size:22px; line-height:24px;}
.middle_div.web .mobile .sub_title h5 .up{ font-size:14px; color:#000; font-weight:400;}
.middle_div.web .mobile .sub_title h6{ margin:0; font-size:12px; line-height:14px;}
.middle_div.web .mobile h4.title{ border-bottom:none; font-size:20px;}
.middle_div.web .mobile  .row_div  .row_div{ margin:0 15px;}
.product-tb{ text-align:left; font-size:14px; margin-bottom:20px;}
.product-tb .row_div {  padding: 10px 0px;}
.product-tb .row_div {  border-bottom: 1px dashed rgb(51, 51, 51);}
.product-tb .row_div .col10{width: 81.3333%;  position:relative; content:''; border-left: 1px dashed rgb(51, 51, 51);  padding-left:15px;}
.product-tb .row_div .col3{border-right: 1px dashed rgb(51, 51, 51); }
.product-tb .row_div .col9{width:70%; position:relative; content:'';  padding-left:15px;}

.product-tb .row_div ul{ list-style:none; margin:0; padding:0;}
.product-tb .row_div h5{ color:#f00; font-size:20px;}
.product-tb .row_div h5 b{ color:#000; font-size:14px; margin-left:10px;}
.middle_div.marketing{ background:url(/ezfiles/63/1063/img/1069/home_banner001.jpg) center no-repeat; position:relative;}
.middle_div.marketing ul{ margin:0; padding:0; list-style:none;}
.middle_div.marketing ul li{ width:20%; text-align:center; float:left;}
.middle_div.marketing ul:after{ clear:both; display:block; content:'';}
.middle_div.marketing ul li .shap{
	position: relative;
    z-index: 3;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid #333;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 1em;
    margin-right: auto;
    margin-left: auto;
    transition: .5s ease;
    background: rgba(255,255,255,0.5);
}
.middle_div.marketing ul li:hover .shap{
	background: #C30D23;
    border-color: #fff;
}
.middle_div.marketing ul li:hover .shap img:first-child{ display:none;}
.middle_div.marketing ul li:hover .shap img:last-child{ display:block;}
.middle_div.marketing ul li .shap img:last-child{ display:none;}

.middle_div.vi{ background:url(/ezfiles/63/1063/img/1069/white_bg.png) ; position:relative; }
.middle_div.vi:before {
    position: absolute;
    top: 0;
    left: 0;
   /* content: '';*/
    width: 100%;
    height: 100%;
    background: rgba(43,43,43,0.7);
}
.middle_div.vi h1{ text-align:center;     color: #c3a17e; position:relative; line-height:1.5em; font-size:2em; font-weight:800;}
.middle_div.vi h1:before{
	content: "";
    width: 25%;
    height: 1px;
    background: #c3a17e;
	position:absolute;
	left:0;
	top:50%;
}
.middle_div.vi h1:after{
	content: "";
    width: 25%;
    height: 1px;
    background: #c3a17e;
	position:absolute;
	right:0;
	top:50%;
}
.middle_div.vi h1.client:before{ width:35%;}
.middle_div.vi h1.client:after{ width:35%;}
.middle_div.vi .detail_div{ color:#333; padding-top:0;}
.middle_div.vi .desc{ text-align:center; margin-bottom:5em; position:relative; padding-top:50px;}
.middle_div.vi .desc:before{
	content: "";
	position:absolute;
	top:0;
	left:49%;   
    border-width: .5em;
    border-style: solid solid solid solid;
    border-color: #c3a17e transparent transparent transparent;
    border-width: 10px;
    margin-top: .5em;
}
.middle_div.vi ul.design{ margin:0; padding:0; list-style:none;}
.middle_div.vi ul.design li{ width:25%; text-align:center; float:left;}
.middle_div.vi ul.design:after{ clear:both; display:block; content:'';}
.middle_div.vi ul.design li .shap{
	position: relative;
    z-index: 3;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid #333;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 1em;
    margin-right: auto;
    margin-left: auto;
    transition: .5s ease;
    background: rgba(255,255,255,0.5);
}
.middle_div.vi ul.design li:hover .shap{
	background: #C30D23;
    border-color: #fff;
}
.middle_div.vi ul.design li:hover .shap img:first-child{ display:none;}
.middle_div.vi ul.design li:hover .shap img:last-child{ display:block;}
.middle_div.vi ul.design li .shap img:last-child{ display:none;}

.middle_div.vi .design_list ul{ margin:0; padding:0; list-style:none;}
.middle_div.vi .design_list ul:after{ clear:both; display:block; content:'';}
.middle_div.vi .design_list ul li{ width:32%; text-align:center; float:left; margin-right:2%; margin-bottom:2%;height: 240px; overflow: hidden;}
.middle_div.vi .design_list ul li:nth-child(3n+3){ margin-right:0;}
.middle_div.vi .design_list ul li a{ display:inline-block; width:100%;  color:#fff; overflow:hidden; position:relative; overflow:hidden; height:100%;}
.middle_div.vi .design_list ul li a .center_block{	
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
	opacity:0;
	background:rgba(0,0,0,0.5);
	transition: .5s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}
.middle_div.vi .design_list ul li a .center_block span{
	color: transparent;
    padding: 5px 10px;
    border: 1px solid #fff;
	display:inline-block;
	color:#fff;
   
}
.middle_div.vi .design_list ul li a:hover .center_block{ opacity:1;}
.middle_div.vi .photo_list .outer{
	margin:0; padding:0; list-style:none;	
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;	
}
.middle_div.vi .photo_list .outer div{ display:inline-block;width:100%; margin:10px 0;}
.middle_div.vi .photo_list .outer div .center_block{ margin:0;}
.middle_div.vi .photo_list .outer div img{ width:100%;}


.middle_div.vi .photo_list .outer div a{ display:inline-block; width:100%;  color:#fff; overflow:hidden; position:relative;     border: 1px solid #eee;}
.middle_div.vi .photo_list .outer div a .center_block{	
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
	opacity:0;
	background:rgba(0,0,0,0.5);
	transition: .5s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}
.middle_div.vi .photo_list .outer div a .center_block span{
	color: transparent;
    padding: 5px 10px;
    border: 1px solid #fff;
	display:inline-block;
	color:#fff;
   
}
.middle_div.vi .photo_list .outer div a:hover .center_block{ opacity:1;}
.middle_div.vi .tab_navi{ text-align:center; position:relative; padding-top:40px; padding-bottom:20px;}
.middle_div.vi .tab_navi:before{
	content: "";
	position:absolute;
	top:0;
	left:49%;   
    border-width: .5em;
    border-style: solid solid solid solid;
    border-color: #c3a17e transparent transparent transparent;
    border-width: 10px;
    margin-top: .5em;
}
.middle_div.vi .tab_navi div{ display:inline-block; margin:0 10px; }
.middle_div.vi .tab_navi div a{ border:1px solid #000; color:#000;padding:2px 10px; text-decoration:none; text-align:center;}
.middle_div.vi .tab_navi div a:hover{transition: .5s ease; border:1px solid #C30D23; background:#C30D23; color:#fff;}
.middle_div.vi .tab_navi div.active a{ border:1px solid #C30D23; background:#C30D23; color:#fff;   }
.middle_div.vi  #content2{ display:none;}


.middle_div.contact .detail_div{ max-width:700px;}
.middle_div.contact{ background:url(/ezfiles/63/1063/img/1069/white_bg.png); position:relative; padding-top:150px;}
.middle_div.contact h2{ color:#333; font-size:30px;}
.middle_div.contact .form .input_div{ margin:10px 0;}
.middle_div.contact .form .input_div:after{ clear:both; display:block; content:'';}
.middle_div.contact .form .action_div{ text-align:center;}
.middle_div.contact .form label{ width:20%; font-size:16px; color:#333; display:inline-block; float:left; text-align:left; }
.middle_div.contact .form input{border: 1px solid #ccc; width:78%; float:right;font-size:16px; padding:5px 3px;}
.middle_div.contact .form textarea{border: 1px solid #ccc; width:78%; float:right;font-size:16px; padding:3px; min-height:100px;}
.middle_div.contact .form .validate_code input{ width:100px; display:inline-block; float:left;}
.middle_div.contact .form .validate_code img{ float:left; margin-left:15px;}
.middle_div.contact .form input[type="submit"]{ color:#fff; background:#c3a17e; border:none; width:100px; margin:0 auto; float:none;}
.middle_div.contact .form input[type="submit"]:hover{ background:#000;}
.middle_div.contact .form button{color:#fff; background:#c3a17e; border:none; width:100px; margin:0 auto; float:none; padding:5px 0;}
.middle_div.contact .form button:hover{ background:#000;}

.form_outer.contact{ background:url(/ezfiles/63/1063/img/1069/home_banner001.jpg) center no-repeat; position:relative;}
.form_outer.contact h1{
	text-align: center;
    color: #fff;
    position: relative;
    line-height: 1.5em;
    font-size: 2em;
    font-weight: 800;
		margin-bottom: 50px;
}
body.contact #Dyn_2_2{
	max-width: 100% !important;	
}
.form_outer.contact{
	padding-top: 120px;
}
.form_outer.contact .form_div .module-form .formBS{
	border: none;
	color: #fff;
}
.form_outer.contact .form_div .module-form .formBS .form-group{
	border: none;
	margin: 15px 0;
}
.form_outer.contact .form_div .module-form .formBS .form-group [class*="col-"]{
	border: none;
}
.form_outer.contact .form_div .module-form .formBS .form-group .form-control{
	border-radius: 0;
}
.form_outer.contact .form_div .module-form .btn.btn-s{
	background-color:#c3a17e;
	border: 1px solid #c3a17e;
	border-radius: 0;
	color: #fff;
}
.form_outer.contact .form_div .module-form .btn.btn-s:hover{
	background-color: #000;
	border: 1px solid #fff;
}

.add_contact #Dyn_2_2{
	max-width: 100% !important;
}
.add_contact .form_outer.contact{
	background:none;
	padding: 0;
	
}
.add_contact .form_outer.contact .detail_div{
	padding-bottom: 0;
	padding: 20px 0 ;
}
.add_contact .form_outer.contact .detail_div iframe{
	display: none;
}
.add_contact .form_outer.contact h1{
	font-size: 20px;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 16px;
}
.add_contact .form_outer.contact .form_div .module-form .formBS{
	font-size: 14px;
}
.add_contact .form_outer.contact .form_div .module-form .formBS .form-group{
	margin: 8px 0;
}
footer{ background:#000; color:#c3a17e;}
footer .footer_div{ padding:30px 50px; font-size:13px;}
footer .footer_div:after{ clear:both; display:block; content:'';}
footer .footer_div .col01{ width:50%; float:left;}
footer .footer_div .col01:first-child{ padding-top:15px;}
footer .footer_div .content:after{ clear:both; display:block; content:'';}
footer .footer_div .contact{ width:30%; float:left;}
footer .footer_div .contact img{ max-width:210px;}
footer .footer_div .company_info{ width:70%; float:left; font-size:16px;letter-spacing:2px; line-height:26px;}
footer .footer_div .sub_title{ font-size:15px; font-weight:800; margin-bottom:10px;letter-spacing:2px;}
footer .footer_div .desc ul{ margin:0; padding:0; list-style:none;}
footer .footer_div .desc ul li{ float:left; width:20%; margin-bottom:2px; font-size:13px; letter-spacing:2px;}
footer .footer_div .desc ul li a{ color:#c3a17e; text-decoration:none;}
footer .footer_div .desc ul li a:visited{ color:#c3a17e; text-decoration:none;}

.page_mobilehome #Dyn_2_1 .module.module-um.md_style1{ max-width:100% !important; margin-bottom:0;}
.module.module-minicart{ display:none;}
div.footer{ padding:0;}
div.footer .minner{ max-width:100% !important;}
.page_mobilecgmolist .module.module-cglist{ max-width:100% !important; margin-bottom:0;}
.page_mobilecgmolist .main .mpgdetail{ padding-left:0; padding-right:0; }

.middle_div{
	padding-top: 120px;
}

.middle_div.web{
	padding-top: 0;
}
.middle_div.web .cloud_system .hosting{ text-align: center;}
.middle_div.web .cloud_system .hosting h5{ }
.middle_div.web .cloud_system .sub_title{border-left:none; margin: 0 auto; text-align: center; margin-bottom:20px;}
.middle_div.web .cloud_system .hosting ul{list-style: inside;}

.middle_div.web .cloud_system .system{ text-align: center;}
.middle_div.web .cloud_system .system ul{list-style: inside;}


.different.text-center h3{ margin-bottom:20px !important;}
.different.text-center h5{ line-height:32px;}
.different.text-center  ul{list-style: inside; text-align:center;}

.middle_div.web .detail_div .different ul{text-align:center;}

.float_icon{ width:130px; position:fixed; left:10px; top:200px;}
.float_icon img{ width:100%;}

.float_right_div{ position:fixed; right:10px; top:45%; width:100px; z-index:990;}
.float_right_div a{ display:inline-block;}
.float_right_div a.phone{ display:none;}
.float_right_div a img{ width:100%;}

.case_list:after{ content:''; display:block; clear:both;}
.case_list{ display: flex; flex-wrap: wrap; list-style:none;}
.case_list .list{ width:33.333333%; float:left; position:relative;    padding: 15px;}
.case_list.four_item  .list{ width:25%;}
.case_list .list a{ 
	display:block;
	position:relative; 
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.case_list .list .info{ position:absolute; background:rgba(0,0,0,0.7); left:15px; top:15px; width:calc(100% - 30px); height:calc(100% - 30px); opacity:0; transition: 0.5s ease; display: flex; align-items: center;  justify-content: center;}
.case_list .list img{ width:100%;}
.case_list .list:hover .info{ opacity:1; }
.case_list .list:hover .info b{ display:inline-block; padding:5px; border:1px solid #fff; font-size:13px; color:#fff;}



@keyframes flash {
    0% { opacity:0.5; }
    50% { opacity:1; }
    100% {opacity:0.5; }
}

@-webkit-keyframes flash {
    0% { opacity:0.5; }
    50% { opacity:1; }
    100% { opacity:0.5; }
}

@-moz-keyframes flash {
    0% { opacity:0.5; }
    50% { opacity:1; }
    100% { opacity:0.5;}
}

@-ms-keyframes flash {
    0% { opacity:0.5; }
    50% { opacity:1;}
    100% { opacity:0.5;}
}

@media (max-width: 1680px) {
	footer .footer_div .contact{ width:40%;}
	footer .footer_div .company_info{ width:60%;}
}
@media (max-width: 1440px) {
	footer .footer_div .contact{ width:45%;}
	footer .footer_div .company_info{ width:55%;}
}
@media (max-width: 1200px) {
	footer .footer_div .col01:first-child{ width:55%;}
	footer .footer_div .col01:last-child{ width:45%;}	
}
@media (max-width: 1150px) {
	footer .footer_div .col01:first-child{ width:100%; margin-bottom:20px;}
	footer .footer_div .col01:last-child{ width:100%;}	
	footer .footer_div .company_info{ font-size:14px;}
	
}
@media (max-width: 1000px) {
	.detail_div{ max-width:92%;}
	.web .desc .info{    left: 10%; width:75%;}
	.middle_div.marketing ul li .shap{ width:110px; height:110px;}
	.middle_div.vi ul li .shap{ width:110px; height:110px;}

}
@media (max-width: 768px) {
	.wrap > .minner{padding-left: 0px; padding-right: 0px;}
}
@media (max-width: 767px) {
	.middle_div{
		padding-top: 0px;
	}
	
	.btn.btn-navbar:hover,.btn.btn-navbar:focus{ background:none;}
	.navbar.navbar-fixed-top{ height:70px;}
	.close span:after, .close span:before{ background:none;}
	body .navbar .brand img:first-child{ width:70px;}
	body .navbar .brand img:last-child{opacity:0;}
	.navbar-inner{ position:absolute; left:0; top:0; width:100%;}
	.btn-navbar{ display:block; border:none; margin-top:20px; height: 20px; width: 20px; padding:0; background:none}
	.btn-navbar .icon-bar{ height:2px; background:#c3a17e; display: block;    width: 100%;margin-bottom: 6px;}
	.btn-navbar .icon-bar:first-child{ margin-top:0px;}
	.nav-collapse{ float:left; display:none;}
	.nav-collapse.collapse.in{ display:block;width: 100%; }
	.nav-collapse.in{ display:block;width: 100%; }
	.nav-collapse ul li{ width:100%;}
	.nav-collapse ul li.active a{ padding:10px;}
	.nav-collapse ul li:hover a{ padding:10px;}
	.vi_div .col01{ width:100%;}
	.vi_div .col01:first-child{ display:none;}
	.marketing_div .desc{ top:14%;}
	.marketing_div .desc img:first-child{    width: 70vw; }
	.marketing_div .desc img:last-child{    width: 36.375vw; }
	.middle_div.web .detail_div .title{ margin-top:15px;}
	.vi_div .line01{ /*left:80%;*/ display:none;}
	.vi_div .line01 img{ width:1.562vw;}
	.vi_div .line03{ /*top:auto; bottom: 26.5%;  right:-100vw;*/}
	.vi_div .line03 img{ width:100%;    height: 2px;}
	.vi_div .line02{ left: 26.5%;   }
	.vi_div .line02 img {   width: 0.73vw;}
	.vi_div .desc{left: 30%;  /* top:auto;   bottom: 15%;*/ }
	.vi_div .desc img{ width:42.18vw}
	.navbar-fixed-top:before{ 
		width:0vw; 
		-webkit-transition: all 1s  ;
		-moz-transition: all 1s ;
		-ms-transition: all 1s ;
		-o-transition: all 1s ;
		transition: all 1s ;
		z-index:-1;
		height:100vh;
	}
	.navi_open .navbar-fixed-top:before{     position: fixed;left:0; top:0; content:''; width:100vw; background:rgba(0,0,0,0.85);height:100vh;}
	.navi_open .btn-navbar{ display:none;}
	.nav-collapse ul li:hover a{ background:none;    padding: 10px;}
	.nav-collapse ul li a{padding: 10px;}
	.navbar-inner .bg{
		position: fixed; 
		width:0vw;
		z-index:-1;
		height:100vh;
		display:block;
		-webkit-transition: all 1s  ;
		-moz-transition: all 1s ;
		-ms-transition: all 1s ;
		-o-transition: all 1s ;
		transition: all 1s ;
	}
	.navi_open .navbar-inner .bg{
		display:block;
		position: fixed;
		left:0; 
		top:0; 
		content:''; 
		width:80vw; 
		background:#c3a17e;
		height:100vh;		
		
	}
	.nav-collapse .close {
		width: 47px;
		height: 55px;
		position: absolute;
		display: block;
		left: 22px;
		top: 15px;
		font-size: 12px;
		cursor: pointer;
		color: black;
		font-weight: bold;
	}
	.nav-collapse .close span{
		display: block;
		text-align: center;
		margin-top: 36px;
		width: 100%;
		position: relative;
	}
	.nav-collapse .close:before {
		content: '';
		background-color: #736c55;
		width: 28px;
		height: 1px;
		display: block;
		position: absolute;
		top: 16px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		left: 9px;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		-ms-transition: all .5s ease;
		transition: all .5s ease;
	}
	.nav-collapse .close:after {
		content: '';
		background-color: #736c55;
		width: 28px;
		height: 1px;
		display: block;
		position: absolute;
		top: 16px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		left: 9px;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		-ms-transition: all .5s ease;
		transition: all .5s ease;
	}
	.row_div .col6{ width:100%;}
	.middle_div.about .logo{ text-align:center; }
	.middle_div.about .logo img{ max-width:80%;}
	.middle_div.web .detail_div .title{ min-width:100%;}
	.function_div{ display:none;}
	.middle_div.marketing ul li{ width:50%;}
	.middle_div.marketing ul li .shap{ width:150px; height:150px;}
	.middle_div.vi ul.design li{ width:50%;}	
	.middle_div.vi ul.design li .shap{ width:150px; height:150px;}
	.product-tb .row_div .col2{ width:100%; color:#f00;}
	.product-tb .row_div .col10{width: 100%;  position:relative; content:''; border-left:none;}
	.product-tb .row_div .col3{width: 100%; border-right:none; color:#f00; }
	.product-tb .row_div .col9{width: 100%; padding-left:0;}
	
	.float_right_div a.web{ display:none;}
	.float_right_div a.phone{ display:block;}
}
@media (max-width: 640px) {
	.se-pre-con {	
		background:url(/ezfiles/63/1063/img/1069/logo_animate.gif) center no-repeat #2b2b2b;
		background-size:250px auto;
	}
	body .navbar  .brand img:first-child{ width:auto; height:50px;}
	body .navbar .brand {  margin-top: 10px; margin-bottom: 10px;}
	.main_info{ 
		position: absolute;		
		top: 30%;
		left:0;
		width: 100vw;
	}
	.main_info .computer img{ display:none;}
	.main_info .mobile img{ display:block; width:80%; margin-left:10%;}
	.main_info a img{ margin-right:10%; width:25vw;bottom: -30%;}
	.left_slogan{ display:none;}
	.slogan_line{ display:none;}
	.bottom_slogan{ display:none;}
	.brand_div{ background:url(/ezfiles/63/1063/img/1069/home_banner002.jpg) center no-repeat; background-size:cover; padding-top:120px; padding-bottom:100px;}
	.brand_div .banner{ display:none;}	
	.brand_div .list_div{ display:none;}
	.brand_div .desc{ display:none;}
	.brand_mobile{ display:block; text-align:center;}
	.brand_mobile .title{ margin-bottom:20px;}
	.brand_mobile .title img{ width:80%;}
	.brand_mobile .brand img{ width:60%;}
	.web .desc .info{    left: 0; width:auto; right:0%; bottom:0%; top:0%; padding-top:50px; text-align:center;  display: flex;
  align-items: center;
  justify-content: center;}
	.web .desc .info p{ display:none; }
	.middle_div.web	.detail_div h5{ text-align:left;}
	.middle_div.contact .form label{ width:100%;}
	.middle_div.contact .form input{ width:100%;}
	.middle_div.vi .design_list ul li{ width:100%; margin-right:0%; margin-bottom:2%;height: 50vh;}	
	.middle_div	.detail_div{ padding:0 10px;}
	.middle_div.vi ul.design li .shap{ width:110px; height:110px;}
	.middle_div.marketing ul li .shap{ width:110px; height:110px;}
	.middle_div.contact .form textarea{ width:100%;}
	.middle_div.vi h1{ font-size:1.5em;}
	.middle_div.vi h1:before{ background:none;}
	.middle_div.vi h1:after{ background:none;}
	.case_list .list{ width:50%;}
	.case_list.four_item .list { width: 50%;}
	footer .footer_div{    padding: 30px 15px;}
	footer .footer_div .contact{ width:100%; text-align:center; margin-bottom:20px;}
	footer .footer_div .company_info{ width:100%; text-align:center;}
	footer .footer_div .sub_title{ text-align:center; margin-bottom:15px;}
	footer .footer_div .desc ul li{ text-align:center; width:33.33333%;}
	.float_right_div{ width:70px;}
}
@media (max-width: 480px) {
	.marketing_div .desc{ top:0%;}
	.marketing_div .desc img:first-child{    width: 100vw; }
	.marketing_div .desc img:last-child{ top:10%;    width: 48.5vw; }
	.middle_div.vi h1{ font-size:22px;}
	.middle_div.vi h1:before{ background:none;}
	.middle_div.vi h1:after{ background:none;}
	.middle_div.contact h2{ font-size:22px;}
	.middle_div{ padding-bottom:20px;}
	.case_list .list{ width:100%;}
	footer .footer_div .company_info{ font-size:16px;}
}